$default-color: #000000;
$default-background: #FFFFFF;

$blue-color: #000000;
$blue-background: #22a3e1;

$light-green: #FFFFFF;
$light-green-background: #35b499;

$dark-green: #FFFFFF;
$dark-green-background: #7fa31e;

.light-green-ec {
  .banner-logo {
    background-color: #1e2939;
    height: 300px;
    .ec-logo {
      padding-top: 20px;
      width: 250px;
      height: 150px;
      margin-left: 50%;
      transform: translateX(-50%);
      text-align: center;
      img, .el-upload-list--picture-card .el-upload-list__item, .el-upload {
        margin-top: 0px!important;
        height: 140px;
        border-radius: 20px;
        background-color: transparent;
        color: #FFFFFF;
        border-top: 1px solid $light-green-background;
        border-left: 1px solid $light-green-background;
        border-right: 1px solid $light-green-background;
        border-bottom: 20px solid $light-green-background;
        > span {
          font-size: 50px;
          font-weight: bold;
          // position: relative;
          // top: -20px;
        }
      }
    }
    > .ec-ename {
      font-size: 26px;
      margin: 0;
      margin-top: 20px;
      text-align: center;
      color: #FFF;
    }
    > .ec-equalification {
      font-size: 14px;
      margin: 0;
      margin-top: 8px;
      text-align: center;
      color: #7c7e84;
    }
  }
  .ec-tags {
    height: 45px;
    line-height: 45px;
    background-color: $light-green-background;
    text-align: center;
    color: #FFF;
    .el-tag {
      color: #FFFFFF;
      background-color: #434d5b;
      .el-icon-close {
        color: #FFFFFF;
        &:hover {
          background-color: #557531;
        }
      }
    }
    button {
      background-color: #494c51;
      color: #FFFFFF;
      border: none;
      text-decoration: none;
      &:hover {
        background-color: #557531;
      }
    }
  }
  .echome-content-img {
    border: 1px solid #a3d6cb;
  }
  .ec-contact-card {
    background-color: #e6eeec!important;
    border: 1px solid #a3d6cb;
  }
  .ec-home-content {
    >div:nth-child(2n+1) {
      background-color: #e6eeec;
    }
  }
}

.default-ec {
  background-color: #DADADC;
  .banner-logo {
    background-color: #ffffff;
    height: 300px;
    .ec-logo {
      width: 250px;
      height: 150px;
      margin-left: 50%;
      transform: translateX(-50%);
      text-align: center;
      img, .el-upload-list--picture-card .el-upload-list__item, .el-upload {
        margin-top: 0px!important;
        // width: 250px;
        height: 150px;
        border-radius: 0;
        background-color: transparent;
        color: #000000;
        border: none;
        border-top: 10px solid #000;
        > span {
          font-size: 50px;
          font-weight: bold;
        }
      }
    }
    > .ec-ename {
      font-size: 26px;
      margin: 0;
      margin-top: 20px;
      text-align: center;
      color: #20252b;
    }
    > .ec-equalification {
      font-size: 14px;
      margin: 0;
      margin-top: 8px;
      text-align: center;
      color: #20252b;
    }
  }
  .ec-tags {
    height: 45px;
    line-height: 45px;
    background-color: #3B3E43;
    text-align: center;
    color: #FFF;
    .el-tag {
      color: #FFFFFF;
      background-color: #3B3E43;
      .el-icon-close {
        color: #FFFFFF;
        &:hover {
          background-color: #557531;
        }
      }
    }
    button {
      background-color: #494c51;
      color: #FFFFFF;
      border: none;
      text-decoration: none;
      &:hover {
        background-color: #557531;
      }
    }
  }
  .echome-content-img {
    border: 1px solid #cacacc;
  }
  .ec-contact-card {
    background-color: #f2f2f4!important;
    border: 1px solid #cacacc;
  }
  .ec-home-content {
    >div:nth-child(2n+1) {
      background-color: #eaeaec;
    }
  }
}

.blue-ec {
  .banner-logo {
    background-color: #22A3E1;
    height: 300px;
    .ec-logo {
      text-align: center;
      padding-top: 20px;
      width: 250px;
      height: 150px;
      margin-left: 50%;
      transform: translateX(-50%);
      img, .el-upload-list--picture-card .el-upload-list__item, .el-upload {
        margin-top: 0px!important;
        // width: 250px;
        height: 130px;
        border-radius: 0;
        background-color: transparent;
        color: #000000;
        border: none;
        > span {
          font-size: 50px;
          font-weight: bold;
        }
      }
    }
    > .ec-ename {
      font-size: 26px;
      margin: 0;
      margin-top: 20px;
      text-align: center;
      color: #FFF;
      background-color: #0E415A;
      width: auto;
      padding: 8px 30px;
      display: inline-block;
      margin-left: 50%;
      transform: translateX(-50%)

    }
    > .ec-equalification {
      font-size: 14px;
      margin: 0;
      margin-top: 8px;
      text-align: center;
      color: #000000;
    }
  }
  .ec-tags {
    height: 45px;
    line-height: 45px;
    background-color: #07212D;
    text-align: center;
    color: #afd2e3;
    .el-tag {
      color: #FFFFFF;
      background-color: #07212D;
      .el-icon-close {
        color: #FFFFFF;
        &:hover {
          background-color: #557531;
        }
      }
    }
    button {
      background-color: #494c51;
      color: #FFFFFF;
      border: none;
      text-decoration: none;
      &:hover {
        background-color: #557531;
      }
    }
  }
  .echome-content-img {
    border: 1px solid #a4aab4;
  }
  .ec-contact-card {
    background-color: #e9eff3!important;
  }
  .ec-home-content {
    >div:nth-child(2n+1) {
      background-color: #e9eff3;
    }
  }
}




.dark-green-ec {
  .banner-logo {
    background-color: #7B9F19;
    height: 300px;
    .ec-logo {
      text-align: center;
      width: 250px;
      height: 150px;
      margin-left: 50%;
      transform: translateX(-50%);
      img, .el-upload-list--picture-card .el-upload-list__item, .el-upload {
        margin-top: 0px!important;
        background-color: #20252B!important;
        // width: 250px;
        height: 130px;
        border-radius: 0;
        background-color: transparent;
        color: #FFFFFF;
        border-radius: 0 0 20px 20px;
        border: none;
        > span {
          font-size: 50px;
          font-weight: bold;
        }
      }
    }
    > .ec-ename {
      font-size: 26px;
      margin: 0;
      margin-top: 20px;
      text-align: center;
      color: #20252b;
    }
    > .ec-equalification {
      font-size: 14px;
      margin: 0;
      margin-top: 8px;
      text-align: center;
      color: #20252b;
    }
  }
  .ec-tags {
    height: 45px;
    line-height: 45px;
    background-color: #91B922;
    text-align: center;
    color: #20252b;
    .el-tag {
      color: #FFFFFF;
      background-color: #434d5b;
      .el-icon-close {
        color: #FFFFFF;
        &:hover {
          background-color: #557531;
        }
      }
    }
    button {
      background-color: #494c51;
      color: #FFFFFF;
      border: none;
      text-decoration: none;
      &:hover {
        background-color: #557531;
      }
    }
  }
  .echome-content-img {
    border: 1px solid #b8ce79;
  }
  .ec-contact-card {
    background-color: #ebeee7!important;
    border: 1px solid #b8ce79;
  }
  .ec-home-content {
    >div:nth-child(2n+1) {
      background-color: #ebeee7;
    }
  }
}
// 主题列表

// 不涉及主题
.ec-home, #ec-edit {
  .ec-edit-header {
    // height: 60px;
    background-color: #171718;
    line-height: 60px;
    color: #FFFFFF;
    position: sticky;
    top: 0;
    z-index: 1;
    &:first-child {
      font-weight: bold;
    }
    button:first-of-type {
      margin-left: 50px;
    }
    button {
      background-color: #494c51;
      color: #FFFFFF;
      border: none;
      text-decoration: none;
      &:hover {
        background-color: #557531;
      }
    }
    label:first-of-type {
      margin-left: 50px;
    }
    .color-templ {
      display: inline;
      position: relative;
      top: 10px;
      span {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-left: 15px;
        border-collapse: separate;
        border-spacing: 5px;
        border: 3px solid transparent;
        border-radius: 3px;
        &.active,&:hover {
          border: 3px solid #94C05A;
        }
      }
      span:nth-child(1) {
        background-color: $light-green-background;
      }
      span:nth-child(2) {
        background-color: $blue-background;
      }
      span:nth-child(3) {
        background-color: $dark-green-background;
      }
      span:nth-child(4) {
        background-color: $default-background;
      }
    }
  }

  .banner-logo {
    div:nth-child(2) {
      text-align: center;
      margin-top: 25px;
      input {
        width: 400px;
        height: 50px;
        font-weight: bold;
        text-align: center;
        font-size: 28px;
        background-color: #434d5b;
        color: #FFFFFF;
        border-radius: 0;
      }
    }
    div:nth-child(3) {
      text-align: center;
      margin-top: 6px;
      margin-left: 50%;
      transform: translateX(-50%);
      input {
        width: 400px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #FFFFFF;
        background-color: #434d5b;
        border-radius: 0;
      }
    }
  }

  .el-tag + .el-tag {
    margin-left: 10px;
  }
  .button-new-tag {
    margin-left: 10px;
    height: 32px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .input-new-tag {
    width: 90px;
    margin-left: 10px;
    vertical-align: bottom;
  }
  // 企业简介
  .ec-profile {
    text-align: center;
    h2 {
      margin: 50px 0;
    }
    p {
      width: 1260px;
      margin: auto;
      text-align: left;
    }
    .el-textarea {
      width: 1260px;
      margin: auto;
      textarea {
        border-radius: 0;
        background-color: #d5e0dd;
      }
    }
  }
  .ec-contact {
    text-align: center;
    margin-bottom: 50px;
    h2 {
      margin: 50px 0;
    }
    > div {
      width: 1260px;
      margin: auto;
      font-size: 18px;
      .ec-contact-card {
        height: 120px;
        text-align: left;
        border-radius: 0;
        background-color: #d5e0dd;
        padding: 10px 20px;
        padding-bottom: 0;
        input {
          background-color: transparent;
          border: none;
          font-size: 16px;
          height: 30px;
          padding-left: 0;
        }
        p {
          font-size: 14px;
          color: #414141;
          margin-bottom: 5px;
        }
      }
    }
  }

  .ex-common-class {
    text-align: center;
    > h2 {
      text-align: center;
      margin: 50px 0;
    }
    > div {
      width: 1260px;
      margin: auto;
      .el-upload--picture-card, textarea, input {
        background-color: #d5e0dd;
        border-radius: 0;
      }
      .el-upload .el-upload--picture-card {
        width: 100%;
      }
      .el-textarea__inner:focus {
        border-color: #94C05A;
      }
    }
    .delete-row-icon {
      position: relative;
      top: 50%;
      left: 50px;
      transform: translateY(-50%);
      color: #333;
      border-radius: 0;
      height: 30px;
      width: 30px;
      font-size: 25px;
      text-align: center;
      box-sizing: border-box;
      cursor: pointer;
    }
    .delete-column-icon {
      color: #333;
      border-radius: 0;
      width: 25%;
      height: 400px;
      font-size: 25px;
      text-align: center;
      box-sizing: border-box;
      cursor: pointer;
    }
  }

  // 正文企业产品展示
  .echome-pd {
    > div > div {
      p:nth-child(1) {
        text-align: left;
        margin: 0;
        font-size: 18px;
        color: #161616;
        font-weight: bold;
      }
      p:nth-child(2) {
        text-align: left;
        margin: 0;
        margin-top: 20px;
        font-size: 14px;
        color: #414141;
      }
    }
  }
  // 正文企业专家
  .echome-en {
    > div > div {
      width: 25%;
      padding: 0 25px;
      // height: 400px;
      margin-top: 80px;
      box-sizing: border-box;
      p:nth-child(2) {
        text-align: center;
        margin: 14px 0;
        font-size: 18px;
        color: #161616;
        font-weight: bold;
      }
      p:nth-child(3) {
        text-align: left;
        margin: 0;
        font-size: 14px;
        color: #414141;
      }
    }
  }
  // 优质案例和解决方案
  .echome-mbc, .echome-msp {
    > div > div {
      p:nth-child(1) {
        text-align: left;
        margin: 14px 0;
        font-size: 18px;
        color: #161616;
        font-weight: bold;
      }
      p:nth-child(2) {
        text-align: left;
        margin: 0;
        font-size: 14px;
        color: #414141;
      }
    }
  }
  // 企业荣誉
  .echome-hn {
    p{
      text-align: center;
      margin: 0;
      margin-top: 20px;
      font-size: 14px;
      color: #414141;
    }
    > div > div {
      width: 20%;
      padding: 0 20px;
      height: 240px;
      margin-top: 50px;
      box-sizing: border-box;
    }
  }
}
.echome-validate-err {
  input, textarea {
    &:hover,
    &:focus {
      border-color: red!important;
    }
    border-color: red;
  }
}
